<head>
    <script src="../third/jquery-3.6.1.js"></script>
    <script src="../third/layui/layui.js"></script>
    <link rel="stylesheet" type="text/css" href="../third/layui/css/layui.css"/>
</head>

<form class="layui-form" id="test">
    <div class="layui-form-item">
        <label class="layui-form-label">ID</label>
        <div class="layui-input-block">
            <input type="text" name="ID" required  lay-verify="required" placeholder="请输入ID" autocomplete="on" class="layui-input" id="ID" style="width:100px">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">生产时间</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input" required id="datepick" name="ProTime">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">生产数量</label>
        <div class="layui-input-block">
            <input type="text" name="ProNum" required  lay-verify="required" placeholder="请输入数量" autocomplete="on" class="layui-input" id="ProNum" style="width:100px">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">生产情况</label>
        <div class="layui-input-block">
            <select name="ProCondition" lay-search>
                <option value="">请选择</option>
                <option value="0">不及格</option>
                <option value="1">及格</option>
                <option value="2">良好</option>
                <option value="3">优秀</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label" >备注</label>
        <div class="layui-input-block">
            <textarea lay-verify="required" name="Message" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>

<script>
    layui.use('laydate', function(){
    var laydate = layui.laydate;
    laydate.render({
        elem: '#datepick'
        ,type: 'datetime'
    });
});
</script>